﻿@model eShop.Web.Mobile.Models.SafeVerifyModel
@{
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>账户安全-@{@WorkContext.ShopConfig.SiteTitle}触屏版</title>
    @Html.Raw(WorkContext.ShopConfig.SEOKeyword)
    @Html.Raw(WorkContext.ShopConfig.SEODescription)
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="@{@WorkContext.CSSCDN}/mobile/themes/default/css/base.css" rel="stylesheet" type="text/css">
    <link href="@{@WorkContext.CSSCDN}/mobile/themes/default/css/ucenter.css" rel="stylesheet" type="text/css">
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/jquery.js" type="text/javascript"></script>
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/common.js" type="text/javascript"></script>
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/ucenter.safe.js" type="text/javascript"></script>
</head>

<body>
    @Html.Partial("_header")
    <script type="text/javascript">
        $("#headerTitle").html("账户安全");
    </script>
    <div class="userForm">
        <div class="userFormT">
            <ul>
                <li class="T1"><span class="hot">1</span></li>
                <li class="Tline"><strong></strong></li>
                <li class="T2"><span>2</span></li>
            </ul>
        </div>
        <div class="userFormT" style="padding:0 20px;">
            <ul>
                <li style="width:96px;">身份验证</li>
                <li>&nbsp;</li>
                <li style="width:96px; text-align:right;">修改安全信息</li>
            </ul>
        </div>
        <div class="userFormC">
            @if (Model.Mode == "password")
            {
                <form name="verifyPasswordForm" action="">
                    <input type="hidden" name="act" value="@Model.Action" />
                    <div class="con"><input type="password" name="password" class="text" placeholder="请输入登录密码" /></div>
                    <div class="con">
                        <input type="text" name="verifyCode" class="text" style="width:110px; float:left;" placeholder="请输入图片验证码" />
                        <img id="verifyImage" onclick="this.src='/mob/tool/verifyimage?time=' + new Date()" src="/mob/tool/verifyimage" style="width:100px; margin:0 10px; float:left; height:40px;" />
                        <a href="javascript:void(0)" onclick="document.getElementById('verifyImage').src='/mob/tool/verifyimage?time=' + new Date()" class="left" style="line-height:40px;">换一张</a>
                        <div class="clear"></div>
                    </div>

                    <div class="con"><a href="javascript:verifyPassword()" class="redBt formSub">下一步</a></div>
                </form>
            }
            else if (Model.Mode == "mobile")
            {
                <form name="verifyMobileForm" action="">
                    <input type="hidden" name="act" value="@Model.Action" />
                    <div class="info">已验证手机：@Html.Raw(CommonHelper.HideMobile(WorkContext.UserMobile))</div>
                    <div class="tip"><a href="javascript:sendVerifyMobile()" class="redBt">获取短信验证码</a></div>
                    <div class="con"><input type="text" name="moibleCode" class="text" placeholder="请填写手机校验码" /></div>
                    <div class="con">
                        <input type="text" name="verifyCode" class="text" style="width:110px ;float:left;" placeholder="请输入图片验证码" />
                        <img id="verifyImage" onclick="this.src='/mob/tool/verifyimage?time=' + new Date()" src="/mob/tool/verifyimage" style="width:100px; margin:0 10px; float:left; height:40px;" />
                        <a href="javascript:void(0)" onclick="document.getElementById('verifyImage').src='/mob/tool/verifyimage?time=' + new Date()" class="left" style="line-height:40px;">换一张</a>
                        <div class="clear"></div>
                    </div>
                    <div class="con"><a href="javascript:verifyMobile()" class="redBt formSub">下一步</a></div>
                </form>
            }
            else if (Model.Mode == "email")
            {
                <form name="sendVerifyEmailForm" action="">
                    <input type="hidden" name="act" value="@Model.Action" />
                    <div class="info">已验证邮箱：@Html.Raw(CommonHelper.HideEmail(WorkContext.UserEmail))</div>
                    <div class="con">
                        <input type="text" name="verifyCode" class="text" style="width:110px; float:left;" placeholder="请输入图片验证码" />
                        <img id="verifyImage" onclick="this.src='/mob/tool/verifyimage?time=' + new Date()" src="/mob/tool/verifyimage" style="width:100px; margin:0 10px; float:left; height:40px;" />
                        <a href="javascript:void(0)" onclick="document.getElementById('verifyImage').src='/mob/tool/verifyimage?time=' + new Date()" class="left" style="line-height:40px;">换一张</a>
                        <div class="clear"></div>
                    </div>
                    <div class="con"><a href="javascript:sendVerifyEmail()" class="redBt formSub">下一步</a></div>
                </form>
            }
        </div>
    </div>
    @Html.Partial("_footer")
</body>
</html>
